<template>
	<view class="content">
		<u-navbar :autoBack="true" bgColor="var(--theme)" leftIconColor='#fff' :titleStyle="{ color: '#fff'}"
			title="关于我们" rightText='' :border="false" :placeholder="true">

		</u-navbar>
		<view class="top">

			<view class="f-c">
				<image src="https://chaoyuanhuishou.oss-cn-beijing.aliyuncs.com/hr.png" style="width: 134rpx;"
					mode="widthFix"></image>
			</view>
		</view>
		<view class="m20 p20 b-rd b-s bf" style="margin-top: -80rpx;">

			<view class="f-s-b b-b pb20">
				<span class="f1 ml20">公司名称</span>
				<span class="c9 f28">{{info.name?info.name:""}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b">
				<span class="f1 ml20">公司简介</span>
				<span class="c9 f28">{{info.remark?info.remark:""}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b">
				<span class="f1 ml20">联系人</span>
				<span class="c9 f28">{{info.contactor?info.contactor:""}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b">
				<span class="f1 ml20">联系电话</span>
				<span class="c9 f28">{{info.telephone?info.telephone:""}}</span>
			</view>

			<view class="f-s-b pt20">
				<span class="f1 ml20">邮箱</span>
				<span class="c9 f28">{{info.email?info.email:""}}</span>
			</view>


		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: null,
				info: {},
			}
		},
		onShow() {
			this.getDetail()
		},

		methods: {
			getDetail() {
				let that = this
				this.$api.request('get', `labour/app/selectPlatformInformation`).then(res => {
					if (res.data) {
						this.info = res.data[0]
					}
				}).catch(err => {
					that.$api.msg('请求失败，请稍后再试')
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background: $page-color-base;
		display: flex;
		flex-direction: column;
		padding-top: 0;

		/deep/ .uni-page-head-btn {
			background-color: red !important;
		}
	}


	.top {
		background-image: url('https://chaoyuanhuishou.oss-cn-beijing.aliyuncs.com/homebg.png');
		background-size: 100% 100%;
		height: 400rpx;
	}
</style>